<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Sistema de alumnado</title>

<link rel="icon" href="icono/favicon.ico">

<!-- Bootstrap core CSS -->
<link href="style/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
	
<!-- Custom styles for this template -->
<link href="style/signin-style.css" rel="stylesheet" media="screen">
	
</head>
<body>
<div class="container">

<div class="header">
        <ul class="nav nav-pills pull-right">
          <li><a href="login.jsp">Inicio</a></li>
          <li><a href="acercade.html">Acerca de</a></li>
          <li class="active"><a href="#">Contacto</a></li>
        </ul>
        <h3 class="text-muted">Sistema Escuela "Príncipe de Paz"</h3>  
</div>

<br>
 
<div class="container-fluid">
    <section class="container">
		<div class="container-page">				
			<div class="col-md-6">
				<h3 class="dark-grey">Contáctenos</h3>
				<hr>
				
				<div class="form-group col-lg-12">
					<label>Nombre</label>
					<input type="" name="" class="form-control" id="" value="" autofocus>
				</div>
				
				<div class="form-group col-lg-12">
					<label>Apellido</label>
					<input type="" name="" class="form-control" id="" value="">
				</div>
				
				<div class="form-group col-lg-12">
					<label>Email</label>
					<input type="password" name="" class="form-control" id="" value="">
				</div>
								
				<div class="form-group col-lg-6">
					<label>Motivo</label>
					<select id="motivo" name="motivo" class="form-control">
						<option value="suggestions">Sugerencias</option>
						<option value="product">Soporte del producto</option>
						<option value="service">Servicio al cliente</option>
						
					</select>
				</div>				
			
			</div>
		
			<div class="col-md-6">
				<h3 class="dark-grey"> &nbsp; </h3>
				<hr>
				
					<label>Mensaje</label>
					<textarea name="mensaje" rows="9" cols="50" class="form-control"></textarea>
				
				<br>
				
				<button type="submit" class="btn btn-primary">Enviar</button>
			</div>
		</div>
	</section>
</div>


	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
	<script src="js/jquery-1.7.2.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	
	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="js/ie10-viewport-bug-workaround.js"></script>
</body>
</html> 